$(function() {
    // 初始化右侧滚动条
    // 这个方法定义在scroll.js中
    resetui()
    $('#btnSend').on('click', function() {
            var text = $('#ipt').val().trim()
            if (text.length <= 0) {
                return $('#ipt').val('')
            }
            $('#talk_list').append(` <li class="right_word">
        <img src="img/person01.png" /> <span>${text}</span>
    </li>`)
                //清空input框
            $('#ipt').val('')
                //重置滚动条
            resetui()
                //发起请求
            getMsg(text)
        })
        //获取请求返回的数据
    function getMsg(text) {
        $.ajax({
            method: 'GET',
            url: 'http://www.liulongbin.top:3006/api/robot',
            data: {
                spoken: text
            },
            // dataType: 'json',
            success: function(res) {
                // console.log(res);
                if (res.message === 'success') {
                    //接收聊天消息
                    var msg = res.data.info.text
                        //追加渲染
                    $('#talk_list').append(` <li class="left_word">
                    <img src="img/person05.jpg" /> <span>${msg}</span>
                </li>`)
                    resetui()
                    getVoice(msg)
                }

            },
        })
    }
    //把文字转化为语音进行播放
    function getVoice(text) {
        $.ajax({
            method: 'GET',
            url: 'http://www.liulongbin.top:3006/api/synthesize',
            data: {
                text: text
            },
            // dataType: 'json',
            success: function(res) {

                if (res.status === 200) {
                    console.log(res);
                    $('#voice').attr('src', res.voiceUrl)
                }
            },
        })
    }
    //文本框绑定keyup事件
    $('#ipt').on('keyup', function(e) {
        if (e.keyCode === 13) {
            //用户弹起了回车键,此时手动调用click去点击button按钮
            $('#btnSend').click()
        }
    })
})